<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<body>
<div id="content" class="webview-body"></div>
<script type="text/javascript">
        function setUpContent(content) {
            console.log("content" + content );
            document.getElementById('content').innerHTML = content;
            alignScroll();
            bindImageClickEvent();
        }
        function alignScroll() {
            window.handler.onHTMLGenerated();
        }
        function bindImageClickEvent(){
            var objs = document.getElementsByTagName("img");
            var images = new Array();
            for(var i=0;i<objs.length;i++)
            {
                clazz_ = objs[i].getAttribute("class");
                var isskip  =( clazz_ == null? false: clazz_ .indexOf("skip") != -1 ) ;
                if(!isskip){
                    <!--console.log("src&ndash;&gt;" + objs[i].src );-->
                    images[images.length ++] =objs[i].src ;
                    objs[i].onclick = function(url,position)
                                    {
                                        return function()
                                               {
                                                     window.handler.openImage(url,position,images);
                                                     return false;
                                               };
                                    }(objs[i].src,images.length-1 );
                }
            }
        }
</script>
</body>
</html>